<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-1.7.2.min.js"></script>
		<script>
			$(function(){
				$li = $('<li>222</li>');
//				向ul内部追加到最后
//				$('ul').append($li);
//				向元素内部追加,追加到前面
//				$('ul').prepend($li);
				
//				$('ul').append($li).css('background','red');
//				功能一样,主体不同,跟后续链式操作有关
//				$li.appendTo($('ul')).css('background','red');
				
//				二/元素外部追加,即追加兄弟元素
//				1.向后追加兄弟元素
				$('ul li').after($li);
//				2.向前追加兄弟元素
				$('ul li').before($li);
				
				
				
			})
		</script>
	</head>
	<body>
		<ul>
			<li>1111</li>
			
		</ul>
	</body>
</html>
